<nz-layout style="height: 100%" class="pt-2">
  <nz-content>
    <div nz-col [nzSpan]="16" [nzOffset]="4">
      <div nz-col [nzSpan]="18" [nzOffset]="3" class="mt-3 mb-5">
        <img [src]="chargeImg" width="100%" class="align-items-center">
      </div>
      <form nz-form [formGroup]="validateForm" class="login-form ">
        <nz-form-item>
          <nz-form-control nzErrorTip="请输入充值金额">
            <nz-input-group nzPrefixIcon="pay-circle">
              <input type="number" nz-input formControlName="money" [value]="money" placeholder="请输入充值金额" />
            </nz-input-group>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-control style="height: 100%" >
            <div class="selectgroup w-100">
              <label class="selectgroup-item" (click)="chooseAirpay()" >
                <input type="radio" name="payment" value="alipay" class="selectgroup-input alipay" checked="">
                <span class="selectgroup-button selectgroup-button-icon" [ngClass]="{'airpay-choose': airpay, 'no-choose': !airpay}"><i nz-icon nzType="alipay-circle" nzTheme="outline"></i>支付宝</span>
              </label>
              <label class="selectgroup-item" (click)="chooseWeixinpay()">
                <input type="radio" name="payment" value="wechat" class="selectgroup-input wechat-pay">
                <span class="selectgroup-button selectgroup-button-icon" [ngClass]="{'weixin-choose': weixin, 'no-choose': !weixin}"><i nz-icon nzType="wechat" nzTheme="outline"></i>微信支付</span>
              </label>
            </div>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-control>
            <button nz-button class="login-form-button" [nzType]="'primary'" (click)="charge()">充值</button>
            <a class="login-form-forgot" (click)="backToUser()"><font color="#1e90ff">返回</font></a>
          </nz-form-control>
        </nz-form-item>
      </form>
    </div>
  </nz-content>
</nz-layout>


